﻿<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
        html { height: 100% }
        body { height: 100%; margin: 0px; padding: 0px }
        #map_canvas { height: 100% }
    </style>
    <!-- -->
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
    <!-- Google Map -->
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false" > </script>
    <script type="text/javascript" src="./res/scripts/gmap.js"></script>
    <script type="text/javascript" src="./res/scripts/myscripts.js" ></script>
    <title>Zeny</title>
</head>
<body style="font-size:62.5%;" onload="initialize()">
    <div id="map_canvas" style="width:100%; height:100%" ></div>
    <div style="padding-bottom:5px;"><input type="button" value="Button" onclick="onShowDialog();" /></div>  
    <div id="dialog" title="Dialog Title" style="z-index:-1; display:none">I'm in a dialog</div>
    <div id="dialog-addnew" title="Add New Place" style="z-index:-1; display:none">
	    <div style="text-align:center; padding: 15px 0">
			<table cellpadding="0" cellspacing="5" style="text-align:left; font-family:Arial, Verdana; font-size:12px">
				<tr>
					<td style="width: 90px;">Name:</td>
                    <td><input type="text" id="a_name" name="a_name" style="width:200px;" value="" /></td>
				</tr>
				<tr>
					<td valign="top">Address:</td>
                    <td ><input type="text" id="a_address" name="a_address" style="width:200px;" value="" /></td>
				</tr>
				<tr>
				    <td >Description: </td>
				    <td>
                        <textarea id="a_description" cols="20" rows="5"></textarea>
                    </td>
				</tr>
				<tr>
				    <td>Longitude:</td>
				    <td><input type="text" id="a_longitude" name="a_longitude" readonly="readonly" /></td>
				</tr>
				<tr>
				    <td>Latitude:</td>
				    <td><input type="text" id="a_latitude" name="a_latitude" readonly="readonly" /></td>
				</tr>
				<tr>
				    <td>&nbsp;</td>
				    <td>
				        <input type="button" id="a_addbutton" name="a_addbutton" value="Add" onclick="onAddNewPlace();" />
				        <input type="button" id="a_cancelbutton" name="a_cancelbutton" value="Cancel" onclick="onCancel();" />
				    </td>
				    
				</tr>
			</table>
		</div>
    </div>
</body>

</html>
